<?xml version="1.0" encoding="UTF-8"?>

{% if is_wap %}
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd">

{% else %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

{% endif %}
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>{% block titulo %}This page is missing it's title{% endblock %}</title>
        <link rel="stylesheet" type="text/css" href="/stylesheets/baseStyle.css" />
        <link rel="stylesheet" type="text/css" href="/stylesheets/menuStyle.css" />
        <link rel="stylesheet" type="text/css" href="/stylesheets/formStyle.css" />
        {%block style%}
        <link rel="stylesheet" type="text/css" href="/stylesheets/courseHomeStyle.css" />
        {%endblock%}

        <script type="text/javascript" src="/jquery/jquery.min.js"></script>
        <script src="/jquery/jquery.easing.1.3.js" type="text/javascript"></script>
        <script src="/jquery/formProcessing.js" type="text/javascript"></script>
        <script type="text/javascript">
            function getLink(link){
                window.location=link;
            }
        </script>
        <script type="text/javascript">

        $(document).ready(function () {
            $(".menu1 .menu1_liste li a").mouseover(function () {
            $(this).css("background-color","#FFFFFF");
            $(this).stop().animate({ paddingLeft: "26px" }, 500 );
            });

            $(".menu1 .menu1_liste li a").mouseout(function () {
            $(this).css("background-color","#ECEFF5");
            $(this).stop().animate({ paddingLeft: "10px" }, 500 );
            });

            $(".menu1 .menu1_liste .submenu a").mouseover(function () {
            $(this).css("background-color","#FFFFFF");
            $(this).stop().animate({ paddingLeft: "42px" }, 500 );
            });

            $(".menu1 .menu1_liste .submenu a").mouseout(function () {
            $(this).css("background-color","#ECEFF5");
            $(this).stop().animate({ paddingLeft: "26px" }, 500 );
            });
        });
        </script>
        {%block script%}{%endblock%}
  </head>

  <body>
    <div id="maincontainer">

        <div id="banner"><div class="innertube">
                <a href="/home/">Aqui va el banner</a>
        </div></div>
        <div id="breadcrumbs">
            <div id="firstBreadcrumb">Estás en: </div>{% block breadcrumbs %}This page is missing breadcrumbs{%endblock%}
        </div>
        <div id="contentwrapper">
            <div id="content"><div class="innertube">
                <div id="messageBar">
                    {% if messageBar %}{{messageBar}}<hr /><br />{% endif %}
                </div>
                {% block cuerpo %}{% endblock %}
            </div></div>
        </div>

        <div id="menu"><div class="innertube">
            <div id="menu_bar">
                {%if user%}
                <b>{{user.username}}</b> | <a href="/logout/">Cerrar sesi&oacute;n</a>
                {%endif%}
            </div>
            {%if isAdmin%}
                {%include "menu/adminMenu.html"%}
            {%else%}
                {%if isTeacher%}
                    {%include "menu/teacherMenu.html"%}
                {%else%}
                     {%if isStudent%}
                        {%include "menu/studentMenu.html"%}
                     {%else%}
                        {%include "menu/defaultMenu.html"%}
                     {%endif%}
                {%endif%}
             {%endif%}
        </div></div>
        <div id="footer">
            {%block footer%}Site created with Django, bla bla...{%endblock%}
        </div>
    </div>

</body>
</html>

